<script>document.cookie="last=pages/interfazgraficaIconos.php";</script>

<p class="xl">Interfaz Gráfica - Iconos</p>
<p><u>Los Iconos tienen las siguientes características</u></p>
<ol>
	<li><b>Imagen</b>: gráfico que identifica el tipo de icono (documento de texto, carpeta, archivo de imagen).</li>
    <table><tr><td>
		<img src="img/InterfazGrafica/ArchivoAdjuntoTxt.jpg" title="Archivo de texto"></img>
	</td><td>
		<img src="img/InterfazGrafica/IconoCarpeta.jpg" title="Carpeta"></img>
	</td></tr></table>
	<li><b>Nombre</b>: texto que identifica al icono.</li>
	<table><tr><td>
		<img src="img/InterfazGrafica/IconoNombreArchivoTxt.jpg" title="Archivo de texto con Nombre "></img>
	</td><td>
	    <img src="img/InterfazGrafica/IconoNombreArchivoImagen.jpg" title="Archivo de Imagen con Nombre "></img>
	</td><td>
	    <img src="img/InterfazGrafica/NombreArchivoCarpeta.jpg" title="Carpeta con Nombre"></img>
	</td></tr></table>
</ol>
<p>Las acciones que se pueden realizar sobre los iconos son: <b>crear, renombrar y eliminar</b>.</p>

<hr />

<p><u>Vamos a realizar algunas actividades</u></p>
<table width="100%"><tr><td>
    <b>Crear Icono</b>
    <p>Para crear un icono haga clic en el botón, ingrese un nombre en la caja de texto y presione la tecla Enter.</p>
    <a href="#fin" class="boton" id="crear" onclick="mostrar('adjunto');incluir('txt');enfocar('txt');">Crear Icono</a>
	<div id="creado" class="oculto">
    	<p class="felicitacion separado">¡Excelente, ha aprendido a crear un icono!</p>
        <b>Renombrar Icono</b>
        <p>Para modificar el nombre del icono haga clic en el botón, modifique el nombre en la caja de texto y presione la tecla Enter.</p>
        <a href="#fin" class="boton" id="renombrar" onclick="excluir('lbl');incluir('txt');enfocar('txt');">Renombrar Icono</a>
    </div>
	<div id="renombrado" class="oculto">
		<p class="felicitacion separado">¡Felicitaciones, ha aprendido a renombrar un icono!</p>
	    <b>Eliminar Icono</b>
	    <p>Para borrar el icono haga clic en el botón.</p>
	    <a href="#fin" class="boton" id="eliminar" onclick="excluir('adjunto');mostrar('fin');disable('eliminar')">Eliminar Icono</a></p>
	</div>
</td>
<td class="top">
    <div id="adjunto" class="oculto">
	    <img src="img/InterfazGrafica/ArchivoAdjuntoTxt.jpg" style="margin:0"></img>
	    <input type="text" id="txt" maxlength="25" style="width:128px" onfocus="this.select()" onblur="enfocar(this.id)" onkeypress="nombreIcono(event)" title="Ingrese un nombre."></input>
		<b id="lbl" class="excluido"></b>
	</div>
<td></tr></table>

<div id="fin" class="oculto">
    <p class="felicitacion">¡Excelente, ha aprendido a eliminar un icono!</p>
    <p class="siguiente">Haga clic en el siguiente enlace para <a href="#" onclick="load('pages/interfazgraficaVentanas.php')">seguir aprendiendo</a>.</p>
</div>
